<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

<script setup>
// 应用入口点
</script>

<style>
/* 自定义主题变量 */
:root {
  --primary-color: #4f46e5;
  --primary-hover: #6366f1;
  --secondary-color: #0ea5e9;
  --accent-color: #8b5cf6;
  --light-bg: #e2e8f0;
  --light-card: #f1f5f9;
  --light-text: #334155;
  --light-border: #cbd5e1;
}

/* 覆盖 Element Plus 变量以匹配自定义主题 */
html {
  --el-color-primary: var(--primary-color);
  --el-color-primary-light-3: var(--primary-hover);
  --el-color-primary-light-5: var(--accent-color);
  --el-bg-color: var(--light-card);
  --el-text-color-primary: var(--light-text);
  --el-text-color-regular: #64748b;
  --el-border-color: var(--light-border);
  --el-fill-color-blank: var(--light-bg);
  --el-card-bg-color: var(--light-card);
  --el-button-text-color: #64748b;
  --el-menu-hover-text-color: var(--primary-color);
  --el-menu-active-color: var(--primary-color);
}



html .el-button--text:hover {
  color: var(--primary-color);
}



/* 卡片和菜单样式增强 */
.el-card {
  transition: all 0.3s ease;
  border: 1px solid var(--light-border);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.03);
}



.el-menu {
  border-radius: 8px;
  overflow: hidden;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}



.el-menu-item {
  transition: all 0.3s ease;
  font-weight: 500;
}

/* 一般主体样式 */
body {
  transition: background-color 0.3s, color 0.3s;
}

/* 全局动画 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.animate-pulse {
  animation: pulse 4s ease-in-out infinite;
}

.animate-fade-in {
  animation: fadeIn 0.5s ease-out forwards;
}


</style>